<extend name="Users:layout" />
<block name="content">
    <script>
        var statusMark = 0;
        $(function () {
            $('#tab').TabPanel({tab:statusMark,callback:function(tab){
                statusMark = tab;
                queryAuctionOrderPager(statusMark,0);
            }});
        });
    </script>
    <style>
        .wst-btn-delivery{border: 1px solid #00CDCD;height:30px;width:100px;background-color:#00CDCD;color:#ffffff;border-radius: 2px;cursor: pointer;margin:2px;}
        .deliveryType{width:300px;height:180px;display:none;position: fixed;left:0px;right:0px;margin-left:auto;margin-right:auto;background-color:#fff; border-radius:2px;border: 1px solid blue;font-size: 20px;}
        .deliveryExpress{width:300px;height:180px;display:none;position: fixed;left:0px;right:0px;margin-left:auto;margin-right:auto;background-color:#fff; border-radius:2px;border: 1px solid blue;font-size: 20px;z-index:10;}
    </style>
    <div class='deliveryType' id="deliveryType"></div>
    <div class='deliveryExpress' id="deliveryExpress"></div>
    <div class="wst-body" style="margin-bottom: 8px;">
        <div class='wst-page-header'>卖家中心 > 订单管理</div>
        <div class='wst-page-content' style="padding-top:10px;">
            <div id='tab' class="wst-tab-box">
                <ul class="wst-tab-nav">
                    <li id="wst-msg-li-0">待受理订单<span style="display:none;" class="wst-order-tips-box"></span></li>
                    <li id="wst-msg-li-1">已受理订单<span style="display:none;"></span></li>
                    <li id="wst-msg-li-2">打包中订单<span style="display:none;"></span></li>
                    <li id="wst-msg-li-3">配送中订单<span style="display:none;"></span></li>
                    <li id="wst-msg-li-4">已到货订单<span style="display:none;" class="wst-order-tips-box"></span></li>
                    <li id="wst-msg-li-5">取消 / 拒收订单<span style="display:none;" class="wst-order-tips-box"></span></li>

                    <li id="wst-msg-li-6">待提交订单<span style="display:none;" class="wst-order-tips-box"></span></li>
                    <li id="wst-msg-li-7">已超时订单<span style="display:none;" class="wst-order-tips-box"></span></li>
                </ul>
                <div class="wst-tab-content" style='width:98%;'>
                    <!-- 待受理 -->
                    <div class='wst-tab-item'>
                        <div>
                            <table class='wst-list' style="font-size:13px;">
                                <thead>
                                <tr>
                                    <th colspan="7" class="wst-form">
                                        订单号：<input type="text" id="orderNo_0" style='width:120px;' autocomplete="off"/>
                                        收货人：<input type="text" id="userName_0" style='width:120px;' autocomplete="off"/>
                                        收货地址：<input type="text" id="userAddress_0" style='width:120px;' autocomplete="off"/>
                                        <button class='wst-btn-query' onclick="queryAuctionOrderPager(0,0)">查询</button>
                                    </th>
                                </tr>
                                <tr>
                                    <th width='100'>订单号</th>
                                    <th width='*'>商品名称</th>
                                    <th width='100'>店铺名称</th>
                                    <th width='120'>中拍价格</th>
                                    <th width='120'>订单金额</th>
                                    <th width='130'>中拍时间</th>
                                    <th width='180'>操作</th>
                                </tr>
                                </thead>
                                <tbody id="otbody0">
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan='7' align='center' id="opage_0">
                                        <div id="wst-page-0" class='wst-page' style="float:right;padding-bottom:10px;"></div>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div style='clear:both;'></div>
                    </div>
                    <!-- 已受理 -->
                    <div class='wst-tab-item' style="display:none;">
                        <div>
                            <table class='wst-list' style="font-size:13px;">
                                <thead>
                                <tr>
                                    <th colspan="7" class="wst-form">
                                        订单号：<input type="text" id="orderNo_1" style='width:120px;' autocomplete="off"/>
                                        收货人：<input type="text" id="userName_1" style='width:120px;' autocomplete="off"/>
                                        收货地址：<input type="text" id="userAddress_1" style='width:120px;' autocomplete="off"/>
                                        <button class='wst-btn-query' onclick="queryAuctionOrderPager(1,0)">查询</button>
                                    </th>
                                </tr>
                                <tr>
                                    <th width='100'>订单号</th>
                                    <th width='*'>商品名称</th>
                                    <th width='100'>店铺名称</th>
                                    <th width='120'>中拍价格</th>
                                    <th width='120'>订单金额</th>
                                    <th width='130'>中拍时间</th>
                                    <th width='180'>操作</th>
                                </tr>
                                </thead>
                                <tbody id="otbody1">
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan='7' align='center' id="opage_1">
                                        <div  id="wst-page-1" class="wst-page" style="float:right;padding-bottom:10px;"></div>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div style='clear:both;'></div>
                    </div>
                    <!-- 打包中 -->

                    <div class='wst-tab-item' style="display:none;">
                        <div>
                            <table class='wst-list' style="font-size:13px;">
                                <thead>
                                <tr>
                                    <th colspan="7" class="wst-form">
                                        订单号：<input type="text" id="orderNo_2" style='width:120px;' autocomplete="off"/>
                                        收货人：<input type="text" id="userName_2" style='width:120px;' autocomplete="off"/>
                                        收货地址：<input type="text" id="userAddress_2" style='width:120px;' autocomplete="off"/>
                                        <button class='wst-btn-query' onclick="queryAuctionOrderPager(2,0)">查询</button>
                                    </th>
                                </tr>
                                <tr>
                                    <th width='100'>订单号</th>
                                    <th width='*'>商品名称</th>
                                    <th width='100'>店铺名称</th>
                                    <th width='120'>中拍价格</th>
                                    <th width='120'>订单金额</th>
                                    <th width='130'>中拍时间</th>
                                    <th width='180'>操作</th>
                                </tr>
                                </thead>
                                <tbody id="otbody2">
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan='7' align='center' id="opage_2">
                                        <div  id="wst-page-2" class="wst-page" style="float:right;padding-bottom:10px;"></div>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div style='clear:both;'></div>
                    </div>
                    <!-- 配送中 -->
                    <div class='wst-tab-item' style="display:none;">
                        <div>
                            <table class='wst-list' style="font-size:13px;">
                                <thead>
                                <tr>
                                    <th colspan="7" class="wst-form">
                                        订单号：<input type="text" id="orderNo_3" style='width:120px;' autocomplete="off"/>
                                        收货人：<input type="text" id="userName_3" style='width:120px;' autocomplete="off"/>
                                        收货地址：<input type="text" id="userAddress_3" style='width:120px;' autocomplete="off"/>
                                        <button class='wst-btn-query' onclick="queryAuctionOrderPager(3,0)">查询</button>
                                    </th>
                                </tr>
                                <tr>
                                    <th width='100'>订单号</th>
                                    <th width='*'>商品名称</th>
                                    <th width='100'>店铺名称</th>
                                    <th width='120'>中拍价格</th>
                                    <th width='120'>订单金额</th>
                                    <th width='130'>中拍时间</th>
                                    <th width='180'>操作</th>
                                </tr>
                                </thead>
                                <tbody id="otbody3">
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan='7' align='center' id="opage_3">
                                        <div  id="wst-page-3" class="wst-page" style="float:right;padding-bottom:10px;"></div>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div style='clear:both;'></div>
                    </div>
                    <!-- 已到货 -->
                    <div class='wst-tab-item' style="display:none;">
                        <div>
                            <table class='wst-list' style="font-size:13px;">
                                <thead>
                                <tr>
                                    <th colspan="7" class="wst-form">
                                        订单号：<input type="text" id="orderNo_4" style='width:120px;' autocomplete="off"/>
                                        收货人：<input type="text" id="userName_4" style='width:120px;' autocomplete="off"/>
                                        收货地址：<input type="text" id="userAddress_4" style='width:120px;' autocomplete="off"/>
                                        <button class='wst-btn-query' onclick="queryAuctionOrderPager(4,0)">查询</button>
                                    </th>
                                </tr>
                                <tr>
                                    <th width='100'>订单号</th>
                                    <th width='*'>商品名称</th>
                                    <th width='100'>店铺名称</th>
                                    <th width='120'>中拍价格</th>
                                    <th width='120'>订单金额</th>
                                    <th width='130'>中拍时间</th>
                                    <th width='180'>操作</th>
                                </tr>
                                </thead>
                                <tbody id="otbody4">
                                <tr><td></td></tr>
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan='7' align='center' id="opage_4">
                                        <div  id="wst-page-4" class="wst-page" style="float:right;padding-bottom:10px;"></div>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div style='clear:both;'></div>
                    </div>
                    <!-- 取消/拒收 -->
                    <div class='wst-tab-item' style="display:none;">
                        <div>
                            <table class='wst-list' style="font-size:13px;">
                                <thead>
                                <tr>
                                    <th colspan="7" class="wst-form">
                                        订单号：<input type="text" id="orderNo_5" style='width:120px;' autocomplete="off"/>
                                        收货人：<input type="text" id="userName_5" style='width:120px;' autocomplete="off"/>
                                        收货地址：<input type="text" id="userAddress_5" style='width:120px;' autocomplete="off"/>
                                        <button class='wst-btn-query' onclick="queryAuctionOrderPager(5,0)">查询</button>
                                    </th>
                                </tr>
                                <tr>
                                    <th width='100'>订单号</th>
                                    <th width='*'>商品名称</th>
                                    <th width='100'>店铺名称</th>
                                    <th width='120'>中拍价格</th>
                                    <th width='120'>订单金额</th>
                                    <th width='130'>中拍时间</th>
                                    <th width='180'>操作</th>
                                </tr>
                                </thead>
                                <tbody id="otbody5">
                                <tr><td></td></tr>
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan='7' align='center' id="opage_5">
                                        <div  id="wst-page-5" class="wst-page" style="float:right;padding-bottom:10px;"></div>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div style='clear:both;'></div>
                    </div>

                    <!-- 待提交 -->
                    <div class='wst-tab-item' style="display:none;">
                        <div>
                            <table class='wst-list' style="font-size:13px;">
                                <thead>
                                <tr>
                                    <th colspan="7" class="wst-form">
                                        订单编号：<input type="text" id="orderNo_6" style='width:120px;' autocomplete="off"/>
                                        店铺名称：<input type="text" id="shopName_6" style='width:120px;' autocomplete="off"/>
                                        收货人：<input type="text" id="userName_6" style='width:120px;' autocomplete="off"/>

                                        <button class='wst-btn-query' onclick="queryAuctionOrderPager(6,0)">查询</button>
                                    </th>
                                </tr>
                                <tr>
                                    <th width='100'>订单号</th>
                                    <th width='*'>商品名称</th>
                                    <th width='100'>店铺名称</th>
                                    <th width='120'>中拍价格</th>
                                    <th width='130'>过期时间</th>
                                    <th width='130'>中拍时间</th>
                                    <th width='180'>操作</th>
                                </tr>
                                </thead>
                                <tbody id="otbody6">
                                <tr><td></td></tr>
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan='7' align='center' id="opage_6">
                                        <div  id="wst-page-6" class="wst-page" style="float:right;padding-bottom:10px;"></div>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div style='clear:both;'></div>
                    </div>
                    <!-- 超时 -->
                    <div class='wst-tab-item' style="display:none;">
                        <div>
                            <table class='wst-list' style="font-size:13px;">
                                <thead>
                                <tr>
                                    <th colspan="7" class="wst-form">
                                        订单编号：<input type="text" id="orderNo_7" style='width:120px;' autocomplete="off"/>
                                        店铺名称：<input type="text" id="shopName_7" style='width:120px;' autocomplete="off"/>
                                        收货人：<input type="text" id="userName_7" style='width:120px;' autocomplete="off"/>

                                        <button class='wst-btn-query' onclick="queryAuctionOrderPager(7,0)">查询</button>
                                    </th>
                                </tr>
                                <tr>
                                    <th width='100'>订单号</th>
                                    <th width='*'>商品0名称</th>
                                    <th width='100'>店铺名称</th>
                                    <th width='120'>中拍价格</th>
                                    <th width='130'>过期时间</th>
                                    <th width='130'>中拍时间</th>
                                    <th width='180'>操作</th>
                                </tr>
                                </thead>
                                <tbody id="otbody7">
                                <tr><td></td></tr>
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan='7' align='center' id="opage_7">
                                        <div  id="wst-page-7" class="wst-page" style="float:right;padding-bottom:10px;"></div>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div style='clear:both;'></div>
                    </div>
                </div>
            </div>
        </div>
        <div style='clear:both;'></div>
    </div>
</block>  